<template>
  <div class="less-demo-container">
    <h4>lesssssss</h4>
    <hr />
    <p>当前的cout 值是 {{}}</p>
    <input type="text" />
    <br />
    <button>点击触发 mutation</button>
    <button>点击触发 action</button>
    <br />
    <button>点击触发 action</button>
  </div>
</template>

<script>
import collectMix from '@/mixins/collect'
export default {
  // 组件名称
  name: 'LessDemo',

  components: {},

  props: {},

  mixins: [collectMix],

  data() {
    return {}
  },

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  methods: {}
}
</script>

<style scoped lang="less">
@import (reference) './LessDemo.less';
.less-demo-container {
  height: 100%;
  width: 100%;
  .card-gradual-color();
}
</style>
